<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>轮播动画</title>
	<link rel="stylesheet" href="css/slider.css">
</head>
<body>
	<div class="wrapper">
		<div class="head">
			<div class="slider">
				<ul>
					<li><img src="img/1.jpg" alt=""></li>
					<li><img src="img/2.jpg" alt=""></li>
					<li><img src="img/3.jpg" alt=""></li>
					<li><img src="img/4.jpg" alt=""></li>
					<li><img src="img/5.jpg" alt=""></li>
					<li><img src="img/6.jpg" alt=""></li>
				</ul>
				<div class="nav">
					<span lang="0" class="active">1</span>
					<span lang="1">2</span>
					<span lang="2">3</span>
					<span lang="3">4</span>
					<span lang="4">5</span>
					<span lang="5">6</span>
				</div>
				<span class="left">&lt;</span>
				<span class="right">&gt;</span>
			</div>			
		</div>
	</div>
	<script type="text/javascript" src="lib/jquery/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/slider.js"></script>
	
</body>
</html>